<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
};
(function (doc, win) {
  var docEl = doc.documentElement,
    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
    recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      docEl.style.fontSize = 20 * (clientWidth / 750) + 'px';
    };
  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
</script>

<style>
body {
    font-size: 1.2rem;
    color: #666;
}
body, button, input, select, textarea {
    font-family: 'Microsoft YaHei',tahoma,sans-serif;
    color: #52505a;
}
menu, ol, ul {
    list-style: none;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, menu, ol, ul, caption, th, td, form, fieldset, legend, input, button, textarea {
    margin: 0;
    padding: 0;
}
fieldset, img {
    border: 0;
}
body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,
dl,dd,menu,ol,ul,
caption,th,td,
form,fieldset,legend,input,button,textarea{margin:0;padding:0;}
body,button,input,select,textarea{font-family:\5FAE\8F6F\96C5\9ED1,tahoma,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,b,i{font-style:normal;}
menu,ol,ul{list-style:none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;}
img{display:block;}
</style>
